<template>
	<view class="sharecourse">
		<u-navbar
			title="分享教程"
			:back-icon-size="28"
			back-icon-color="#000000"
			:title-size="28"
			:border-bottom="false"
			:back-text-style="{ color: '#000000', fontSize: '26rpx' }"
			title-color="#000000"
		></u-navbar>
		<view class="share_main">
			<image src="//img.letuilm.com/2020/10/19e4d22020102716583057645.png" class="bg" style="width: 100%;height: 100%;"></image>
			<view class="imgmian">
				<u-image src="//img.letuilm.com/2020/10/9ed4b12020102716571864877.png" mode="" class="imgs" style="width: 692rpx;height: 504rpx;margin-bottom: 32rpx;"></u-image>
				<u-image src="//img.letuilm.com/2020/10/799f292020102716574389995.png" mode="" class="imgs" style="width: 692rpx;height: 770rpx;margin-bottom: 32rpx;"></u-image>
				<u-image src="//img.letuilm.com/2020/10/36c33e2020102716580542382.png" mode="" class="imgs" style="width: 692rpx;height: 544rpx;margin-bottom: 32rpx;"></u-image>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'sharecourse',
	data() {
		return {};
	},
	//实例创建完成后被立即调
	created() {},
	onLoad(option) {},
	//挂载开始之前被调用
	beforeMount() {},
	onPullDownRefresh() {
		//监听下拉刷新动作的执行方法，每次手动下拉刷新都会执行一次
		console.log('refresh');
		setTimeout(function() {
			uni.stopPullDownRefresh(); //停止下拉刷新动画
		}, 1000);
	},
	//初次渲染完成
	onReady() {},
	//全局只触发一次
	onLaunch() {},
	//从后台进入前台
	onShow() {},
	//前台进入后台
	onHide() {},
	methods: {}
};
</script>

<style lang="scss" scoped>
.sharecourse {
	min-height: 100vh;
	.share_main {
		padding-top: 132rpx;
		position: relative;
		.bg {
			position: absolute;
			top: 0;
		}
		.imgmian::v-deep {
			// position: absolute;
			// top: 132rpx;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			.imgs {
				width: 692rpx;
				margin: 0 auto;
			}
			/* #ifdef MP */
			.u-image {
				height: 100% !important;
			}
			/* #endif */
		}
	}
}
</style>
